footer {
    margin: 20px 20px 80px 20px;
    padding: 10px;
    text-align: center;
    font-size: 0.6em;
    color: #999;
}

/* ---------------------------------------------------
    GLOBAL STYLE
----------------------------------------------------- */
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Helvetica', sans-serif;
    background: #ffffff;
    height: 100vh;
    overflow: hidden;
    top: 0;
    bottom: 0;
}

p {
    font-family: 'Helvetica', sans-serif;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.7em;
    color: #333333;
}

a,
a:hover,
a:focus {
    color: #59B224;
    text-decoration: none;
    transition: all 0.3s;
}

.custom-link,
.custom-link:hover,
.custom-link:focus {
    color: blue;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url('/static/images/loading.gif') 50% 50% no-repeat;
}

body.loading .loading-modal {
    overflow: hidden;
    display: block;
}

/* ---------------------------------------------------
    NAV STYLE
----------------------------------------------------- */

.nav-link {
    color: #59B224 !important;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #f4f4f4;
    color: #999999;
    transition: all 0.3s;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
}

header .logo-image {
    width: 100px;
    display: block;
    margin: 0px 20px;
}

#sidebar ul.components {
    padding: 10px 0px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 4px;
    font-size: 0.9em;
    display: block;
    color: #666666;
}

#sidebar ul li a:hover {
    color: #333333;
    background: #ffffff;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#primary-content {
    width: 100%;
    padding: 20px 20px 200px 20px;
    min-height: 100vh;
    transition: all 0.3s;
    height: 100vh;
    overflow: scroll;
    top: 0;
    bottom: 0;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

/* @media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}*/


/* ---------------------------------------------------
    OWN STYLE

    green: #59B224
    light green: #E2EFDA
----------------------------------------------------- */
.topc-color {
    color: #59B224 !important;
}

.topc-color-light {
    color: #7fda48 !important;
}

.topc-color-ultralight {
    color: #d8f4c8 !important;
}

.worksheet-container {
    /*overflow: scroll;*/
    /*max-width: 3000px;*/
}

/* Hide scrollbar for Chrome, Safari and Opera */
.worksheet-container::-webkit-scrollbar {
    /*display: none;*/
}

/* Hide scrollbar for IE, Edge and Firefox */
.worksheet-container {
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;  !* Firefox *!*/
}

.worksheet-container table {
    /* width: 100%; */
}

.worksheet-container table.half-table {
    width: 50%;
}

.worksheet-container table.three-quarter-table {
    width: 75%;
}

.worksheet-container {
    /* border: 4px solid #f00; */
}

.worksheet {
    /*overflow-x: scroll;*/
}

.fixed-header {
    overflow: auto;
    height: 800px;
}

.fixed-header {
    overflow: auto;
    height: 800px;
}

.fixed-header {
    overflow: auto;
    height: 800px;
}

.half-table tbody,
.half-table td,
.half-table tfoot,
.half-table th,
.half-table thead,
.half-table tr  {
    min-width: 60px !important;
}

.worksheet th {
    padding: 5px !important;
    min-width: 60px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.worksheet th.no-padding {
    padding: 0px !important;
}

.worksheet tbody,
.worksheet td,
.worksheet tfoot,
.worksheet thead,
.worksheet tr {
    padding: 0px !important;
    min-width: 60px;
    font-size: 12px;
}

.worksheet thead th {
    /* position: -webkit-sticky;
    position: sticky;
    top: 0; */
    /*background: #f7f7f7;*/
    /*text-align: center;*/
    /*z-index: 2;*/
}

.worksheet tbody td {
    text-align: center;
}

.worksheet tbody td.left,
div.left {
    /*text-align: left;*/
    padding-left: 20px !important;
}

div.left input {
    background: #E0F7FA;
    width: 90%;
    border: none;
    padding: 0px;
    outline: none;
}

/* Cell Width */
.worksheet thead th.xsmall {
    min-width: 60px;
}

.worksheet thead th.small {
    min-width: 130px;
}

.worksheet thead th.medium {
    min-width: 180px;
}

.worksheet thead th.large {
    min-width: 230px;
}

/* Cell, Text Alignment */
.worksheet thead th.text-left,
.worksheet tbody td.text-left{
    text-align: left !important;
}

.worksheet thead th.text-center {
    text-align: center !important;
}

.worksheet thead th.text-right,
.worksheet tbody td.text-right {
    text-align: right !important;
}

.worksheet thead th.green {
    background: #d8f4c8 !important;
}

.worksheet thead th {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    /*left: 0;*/
    /*padding: 2px 10px 2px 10px !important;*/
    /*background: #fefefe;*/
    /*z-index: 1;*/
}

.worksheet tbody td {
    height: 2em;
    padding: 2px 10px 2px 10px !important;
}

.woksheet tbody tr {
    font-size: 0.7em;
}

.worksheet input,
.worksheet textarea {
    background: #E0F7FA;
    width: 90%;
    border: none;
    padding: 0px;
    outline: none;
}


.worksheet input[class*="BSPL"] {
    width: 80%;
}

.worksheet input.number,
.modal-body input.number,
.worksheet input.number-f1120,
.worksheet select.number,
.worksheet tbody td.number,
.worksheet thead th.number {
    text-align: right !important;   /* Following QBO style */
    width: 110px;
}

input.xyz1 {
    background-color: #57f260;
}

input.xyz2 {
    background-color: #CE93D8;
}

input.xyz3 {
    background-color: #d8f4c8;
}

table.worksheet.dataTable {
  border-collapse: collapse !important;
}

.worksheet thead tr:first-child th {
  border-top: 1px solid #333 !important;
}

.worksheet td,
.worksheet th {
  border: 1px solid #c9c9c9;
  padding: 5px;
}

.worksheet thead tr.button-row th {
    /*background: #ffee00 !important;*/
    border-bottom: 1px solid transparent;
}

.worksheet thead tr.button-row th .btn {
    padding: 0 !important;
}

.worksheet input.string,
.worksheet select.string,
.worksheet tbody td.string,
.worksheet thead th.string {
    text-align: left !important;    /* Following QBO style */
}

.worksheet select {
    border: 0px;
    background-color: transparent;
    height: 100%;
    width: 90%;
}

.worksheet .hide-text {
    width: 0px;
    height: 0px;
    display: none;
    overflow: hidden;
    color:transparent;
}

.worksheet input:read-only {
    font-weight: bold;
    color: #000000;
    background-color: #fefefe;
}


.worksheet tbody tr.border-bottom td　{
    border-bottom: 1px solid #c9c9c9 !important;
}

.worksheet thead tr.border-bottom th {
    border-bottom: 1pt solid #666666;
}

.worksheet tbody tr.total-row td,
.worksheet tbody tr.total-row th,
.worksheet tbody tr.total-row + tr td,
.worksheet tbody tr.total-row + tr th {
    border-top: 2pt solid #666666;
}

.worksheet tbody tr.total-row-bottom td,
.worksheet tbody tr.total-row-bottom th {
    border-top: 2pt solid #666666 !important;
    border-bottom: 2pt solid #666666 !important;
}

.worksheet tbody .m1-adjustment-header {
    background-color: #80DEEA !important;    /* Cyan 200 */
}

.worksheet tbody .m1-adjustment {
    background-color: #E0F7FA !important;    /* Cyan 50 */
}

.worksheet tbody .transparent {
    background-color: transparent !important;
}

.worksheet tbody .reclass-header {
    background-color: #C5E1A5 !important;    /* Light Green 200 */
}

.worksheet tbody .reclass {
    background-color: #F1F8E9 !important;    /* Light Green 50 */
}

.worksheet tbody .section-header {
    background-color: #FFE082 !important;   /* Amber 200 */
    font-weight: bold;
    text-align: left;
    padding-left: 100px !important;
}

.worksheet tbody .section {
    background-color: #FFF8E1 !important;   /* Amber 50 */
    font-weight: bold;
}

.worksheet tbody .group-header {
    background-color: #C5CAE9 !important;    /* Indigo 100 */
    font-weight: bold;
    text-align: left;
    padding-left: 50px !important;
}

.worksheet tbody td.group {
    background-color: #E8EAF6 !important;    /* Indigo 50 */
    font-weight: bold;
}

.worksheet tbody .cell-green {
    background-color: #57f260 !important;   /* Green 50 */
}

.worksheet tbody .cell-green-2 {
    background-color: #cefccb !important;   /* Green 50 */
}

.worksheet tbody .light-gray {
    background-color: #eeeeee !important;
}

.worksheet tbody .cell-sky-blue {
    background-color: #7cd2f4 !important;
}

.worksheet tbody .cell-sky-blue-2 {
    background-color: #b0e4f8 !important;
}

.worksheet tbody .cell-yellow-1 {
    background-color: #fff9c4 !important;
}

.worksheet tbody .cell-yellow-2 {
    background: #fff176 !important;
}

.worksheet tbody .cell-pink-1 {
    background-color: #f8bbd0 !important;
}

.worksheet tbody .cell-pink-2 {
    background-color: #f48fb1 !important;
}

.worksheet tbody .cell-white-1 {
    background-color: #ffffff !important;
}

.worksheet tbody .cell-purple-1 {
    background-color: #D1C4E9 !important;
}

.worksheet tbody .cell-purple-2 {
    background-color: #CE93D8 !important;
}

td.highlight {
    background-color: whitesmoke !important;
}

button.btn {
    font-size: smaller !important;
}

.blank-row td {
    background: #fcfcfc !important;
    height: 20px !important;
    border-bottom: none !important;
}

.blank-row-narrow td {
    background-color: #fcfcfc !important;
    height: 10px !important;
    border: none !important;;
}

.blank-row-border td {
    background-color: #fcfcfc !important;
    height: 20px !important;
    border-bottom: 1px solid #c9c9c9 !important;
}

.blank-row-narrow-border td {
    background-color: #ffffff !important;
    height: 10px !important;
    border-bottom: 1px solid #c9c9c9 !important;
}

.cell-border-top {
    border-top: 1px solid #c9c9c9 !important;
}

.worksheet tbody th.left-indent {
    text-indent: 10px;
}

/* add % to input fields */
.value-padding {

}

.value-padding input {
    border: none;
    padding: 0px;
    outline: none;
}

.affix {
    top: 86px;  /* 52 + 2 * (32 + 1)　*/
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    z-index: 100;
    padding: 4px 0px 4px 0px;
}

/* Text Decorations */
.page-title {
    font-family: 'HelveticaNeueW01-65Medi','Arial','Helvetica','Ariel','sans-serif';
    font-size: 24px;
    font-weight: bold;
    color: #272727;
    line-height: 1.15;
}

.page-section {
    font-family: 'HelveticaNeueW01-65Medi','Arial','Helvetica','Ariel','sans-serif';
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #464646;
    line-height: 1.15;
}

/* Rounded button */
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

/* Reclass */
.m1-reclass-table td {
    border-bottom-width: 0px !important;
}

.m1-reclass-table td.bdtop {
    border-top: 1px solid #c9c9c9 !important;
    padding-top: 10px !important;
}

.m1-reclass-table tbody {
    border-bottom: 1px solid #c9c9c9 !important;
}

/* Primary button */
.btn-primary, .btn-primary:visited {
    background-color: #59B224 !important;
    border-color: #59B224 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #299204 !important;
    border-color: #299204 !important;
}

.btn-check:checked+.btn-outline-primary {
    color: #FFFFFF !important;
    border-color: #59B224 !important;
    background-color: #299204 !important;
}

.btn-outline-primary {
    color: #59B224 !important;
    border-color: #59B224 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    color: #FFFFFF !important;
    background-color: #299204 !important;
    border-color: #299204 !important;
}

.dataTables_scrollBody thead th {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 0 !important;
  background-color: #FFFFFF !important;
}

/* Freeze Table */

.dataTables_info {
    font-size: smaller;
}

div.dataTables_scrollBody {
    min-height: 640px;
};

/* admin drop down menu */
.admin-dropdown > .dropdown-menu {
    &.show {
        display: flex;
    }
    .btn-group-vertical {
        flex: 1;
        justify-content: flex-start;
    }
}

/* tab9.5 */
table#form-schedule td {
    min-width: 35px;
    width: 35px;
    text-align: center;
}

/* Dropzone */
.dz-progress {
    display: none !important;
}

.dropzone .dz-preview .dz-image {
    width: 250px !important;
}

.dropzone .dz-preview .dz-error-message {
    left: 55px !important;
    top: 150px !important;
}

.dropzone .dz-preview a.dz-remove,
.dropzone .dz-preview a.dz-remove:hover,
.dropzone .dz-preview a.dz-remove:focus {
    color: #dc3545 !important;
}

.dz-success-mark svg g path {
    fill: #299204 !important;
}
.dz-error-mark svg g g {
    fill: #dc3545 !important;
}

input.number.edit-lock:read-only,
input.string.edit-lock:read-only,
textarea.edit-lock:read-only {
    background-color: whitesmoke !important;
}

a.edit-lock {
    font-size: smaller;
}

button:disabled,
select:disabled,
label.disabled,
a.disabled,
textarea:read-only {
    cursor: not-allowed;
    pointer-events: all !important;
}

td.column-filter {
    z-index: 100 !important;
}